<div class="container">
  <div class="news-box">
    <nz-carousel [nzEffect]="'scrollx'" nzAutoPlay=false nzEnableSwipe nzAutoPlaySpeed=3000 #carousel>
      <div nz-carousel-content *ngFor="let index of array" class="news">
        <div class="new-box">
          <div class="new">
            <div class="img-box">
              <img src="../../../../assets/images/new.png" alt="新闻图片" class="img" >
            </div>
            <div class="new-content-box">
              <div class="new-content">
                <div>
                  <div>
                    <h3 class="title">科创工作室 | 体验会</h3>
                  </div>
                </div>
                <div class="content">
                  <div><img src="../../../../assets/images/l.jpg" alt=""></div>
                  <div style="margin-top:10px;" class="contentSpan">
                    <span>热烈欢迎各界人士莅临科创工作室作品体验会！</span>
                  </div>
                  <div><img src="../../../../assets/images/r.jpg" alt=""></div>
                </div>
                <div style="width:100%;text-align:center;">

                  <button nz-button nzType="default" class="btn" (click)="createMessage('warning')">了解更多
                    <i nz-icon nzType="swap-right" nzTheme="outline" style="font-size:20px;"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </nz-carousel>
    <!-- <div style="text-align:center;font-size: 40px;color: #99999947;">
      <i nz-icon nzType="left-circle" nzTheme="outline" (click)="carousel.next()"
        style="margin-right: 10px;cursor:pointer"></i>
      <i nz-icon nzType="right-circle" nzTheme="outline" (click)="carousel.pre()"
        style="margin-left: 10px; cursor:pointer"></i>
    </div>
  </div>

  <div class="oldnews">
    <div class="oldnews-box">
      <div class="oldnew" *ngFor="let item of oldnews">
        <div><img
            src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1556380429746&di=a49c960ff82fc33aeaaf9f898822d42a&imgtype=0&src=http%3A%2F%2Fpic62.nipic.com%2Ffile%2F20150326%2F12106414_161243178578_2.jpg"
            alt="" style="width:100px">
        </div>
        <div class="content-box">
          <h4 class="oldnew-title">标题标题标题标题标题标题标题标题标题标题</h4>
          <div class="subhead">副标题标题标题标题标题标题标题标题</div>
          <div class="time">2018年5月6日 15：06</div>
        </div>
      </div>
    </div>
    <nz-divider></nz-divider>
  </div>
  <div class="oldnews">
    <div class="oldnews-box">
      <div class="oldnew" *ngFor="let item of oldnews">
        <div><img
            src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1556380429746&di=a49c960ff82fc33aeaaf9f898822d42a&imgtype=0&src=http%3A%2F%2Fpic62.nipic.com%2Ffile%2F20150326%2F12106414_161243178578_2.jpg"
            alt="" style="width:100px">
        </div>
        <div class="content-box">
          <h4 class="oldnew-title">标题标题标题标题标题标题标题标题标题标题</h4>
          <div class="subhead">副标题标题标题标题标题标题标题标题</div>
          <div class="time">2018年5月6日 15：06</div>
        </div>
      </div>
    </div>
    <nz-divider></nz-divider>
  </div>
</div> -->
    <a routerLink="" (click)="createMessage('warning')">
      <div class="more-box">
        <div class="more">
          往期新鲜事
        </div>
      </div>
    </a>